<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="../../angular-1.5.8/angular.js"></script>
    <style>
        .box{
            width: 200Ppx;
            height:100px;
            border:1px solid red;
        }
    
    </style>
</head>
<body ng-app>   <!--这里的ng-app是表明让ng处理整个body标签----在此时就创建了$rootScop--> 
    <!--ng-app创建之后就有了viewmodel也就是$rootScope，并且在viewmodel有一个属性txt
    如果此时txt发生了变化，那么就是通知viewmodel中的txt发生变化，同时由$rootScope再次返回告知，如果已经
    更改好了，就不用管从而达到双向数据绑定功能-->
    <input type="text" ng-model="txt">
    <!--在input中的txt更改之后，后面的对象通知div修改txt属性，-->
    <div class="box">{{txt}}</div>
    <!--这里的{{}}是插值语法-->
    <!--<input type="text" ng-model="txt">-->


    <!--插件语法用于无法获得数据显示的标签中 单项数据绑定-->
  

    
</body>
</html>